<template>
  <a @click="handleChange" type="text" :class="['sider-trigger-a', collapsed ? 'collapsed' : '']"><Icon :type="icon" :size="size" /></a>
</template>
<script>
export default {
	name: 'siderTrigger',
	props: {
		collapsed: Boolean,
		icon: {
			type: String,
			default: 'navicon-round',
		},
		size: {
			type: Number,
			default: 26,
		},
	},
	methods: {
		handleChange() {
			this.$emit('on-change', !this.collapsed)
		},
	},
}
</script>
<style lang="less">
@import './sider-trigger.less';
</style>
